<template>
  <div id="app">
    <mapItem :mapData="mapData"></mapItem>
    <div>左侧栏</div>
  </div>
</template>

<script>
import mapItem from "./components/map.vue";
/*
  地址 ADDRESS
  车牌号 CAR_NO
  经度 LONGITUDE
  纬度 LATITUDE
  货代 FORWARDER_NAME
  打卡人 CLOCK_IN_NAME
  打卡时间 CLOCK_IN_DATE
  打卡点位 CLOCK_IN_PLACE_NAME
              [
                [115.3, 32.5],
                [114.3, 30.5],
                [111.2, 30],
                [115.3, 32.5],
              ]
*/
export default {
  name: "App",
  components: {
    mapItem,
  },
  data() {
    return {
      mapData: [
        {
          LONGITUDE: "114.311", //经度
          LATITUDE: "30.5", //纬度
          ADDRESS: "", //地址
          CAR_NO: "", //车牌号
          FORWARDER_NAME: "", //货代
          CLOCK_IN_NAME: "", //打卡人
          CLOCK_IN_DATE: "", //打卡时间
          CLOCK_IN_PLACE_NAME: "", //打卡点位
        },
        {
          LONGITUDE: "114.3", //经度
          LATITUDE: "30.5", //纬度
          ADDRESS: "", //地址
          CAR_NO: "", //车牌号
          FORWARDER_NAME: "", //货代
          CLOCK_IN_NAME: "", //打卡人
          CLOCK_IN_DATE: "", //打卡时间
          CLOCK_IN_PLACE_NAME: "", //打卡点位
        },
        {
          LONGITUDE: "111.2", //经度
          LATITUDE: "30", //纬度
          ADDRESS: "", //地址
          CAR_NO: "", //车牌号
          FORWARDER_NAME: "", //货代
          CLOCK_IN_NAME: "", //打卡人
          CLOCK_IN_DATE: "", //打卡时间
          CLOCK_IN_PLACE_NAME: "", //打卡点位
        },
      ],
    };
  },
};
</script>

<style scoped>
#id {
  width: 800px;
  height: 1000px;
  background-color: blue;
}
</style>
